<script setup>
import { onMounted } from 'vue';
// import closeImg from '@/assets/icon/close.svg'
import closeImg from '@/assets/CloseIcon.svg'
// import colseimg from '@/assets/icon/colse.svg'
const emits = defineEmits(['Closeaip'])
const props = defineProps({
    msg: {
        type: Object,
        default: () => { }
    }
})
onMounted(() => {
    console.log(props.msg , 'klklkl;');
    
})

</script>
<template>
    <div class="cldc">
        <div class="cloudControl">
            <div class="cl_Title">
                <span>{{ msg.deviceName }}</span>
                <div class="cl_close" @click.stop="emits('Closeaip', 1)">
                    <img :src="closeImg" alt="">
                </div>
            </div>
            <div class="cl_video">
                <div class="bigVideo">
                    <iframe style="width: 100%; height: 100%; border: none"
                        :src="'https://qilihai.baohuqu.net:8080/vis/detect_video/' + msg.hikId"></iframe>
                    <!-- <iframe style="width: 100%; height: 100%; border: none"
                        :src="'/vis/detect_video/' + msg.hikId"></iframe>  -->
                        <!-- 解决回流 -->
                    <!-- <video :src="'http://172.17.3.12:5000/vis/detect_video/' + msg.hikId" controls autoplay></video> -->
                </div>
            </div>
        </div>
    </div>
</template>
<style scoped>
@import '../static/css/shibie.css';
</style>